<!DOCTYPE html>
<!--TODO find out how the camera works with BridgeIt -->

<html lang="es">
    <head>
        <title>SHERWIN WILLIAMS</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
        <link rel="stylesheet" href="src/css/nvoProyTweaks.css" type="text/css" />
        <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
        
        
        <!--link rel="stylesheet" href="http://bridgeit.mobi/demo/css/mobile.css" type="text/css" />
      <link rel="stylesheet" href="http://bridgeit.mobi/demo/css/syntax.css" type="text/css" /-->
        
        
               
        <script type="text/javascript" src="src/js/viewmodels/vmNvoProy.js"></script>
        <script type="text/javascript" src="http://api.bridgeit.mobi/bridgeit/bridgeit.js"></script>
    
    </head>
    
    <body>
        <div data-role="page" data-theme="d">
            <div data-role="header" data-theme="b">
                <h1>SHERWIN WILLIAMS ®</h1>
            </div>

            <div data-role="content">
               <a id="cameraBtn" data-role="button" 
        onclick="bridgeit.camera('cameraBtn','onAfterPhotoCapture', {postURL:window.echoHub + 'blob'});">Take a Photo</a>
            </div>


            <fieldset id="currentPhoto">
                <div class="row">
                    <img  id="photoThumbnail" />
                    <span class="ellipsis" id="currentPhotoDesc" ></span>
                </div>
            </fieldset>
            <fieldset id="images">
            </fieldset>

            <div data-role="footer" data-position="fixed" data-theme="b">
                <p></p>
            </div>
        </div>
    </body>
</html>
